<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			html, body {
				height: 100%;
				margin: 0;
				padding: 0;
			}
			
			.container {
				height: 100%;
				background-image: url(../img/login/bg.jpg);
				background-repeat: no-repeat;
				background-size: 100% 100%;
				display: flex;
				justify-content: center;
				align-content: center;
				align-items: center;
			}
			
			.btn-login {
				width: 120px;
				height: 40px;
				background-image: url(../img/login/btn_login_p.png);
				background-size: 100% 100%;
			}
			.btn-login:hover {
				background-image: url(../img/login/btn_login_n.png);
			}
			.btn-logout {
				width: 120px;
				height: 40px;
				background-image: url(../img/login/btn_logout_p.png);
				background-size: 100% 100%;
			}
			.btn-logout:hover {
				background-image: url(../img/login/btn_logout_n.png);
			}
			
			form {
				text-align: center;
			}
		</style>
	</head>
	<body>
		<div class="container">
			<form action="#">
				<div>
					<input type="text" placeholder="账号" />
				</div>
				<div>
					<input type="password" placeholder="密码" />
				</div>
				<div>
					<button type="button" class="btn-login"></button>
					<button type="button" class="btn-logout"></button>
				</div>
			</form>
		</div>
	</body>
</html>
